<template>
    <div class="success">
        <el-steps :active=3 align-center finish-status="success" process-status="wait">
            <el-step title="确认商品"></el-step>
            <el-step title="提交订单"></el-step>
            <el-step title="支付订单"></el-step>
        </el-steps>
        <div class="main">
            <el-result title="支付成功" sub-title="点击返回购物车" icon="success">
                <template #extra>
                    <el-button type="success" size="medium" @click="$router.push('/front/cart')">返回</el-button>
                </template>
            </el-result>
        </div>
    </div>
</template>
<script>
export default {
    name: 'Success'
}
</script>
<style scoped>
.main {
    /* 全居中 */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    /* 文字居中 */
    flex-direction: column;
    font-size: 20px;
    color: #333;
}
</style>
